$(function () {
    // 自定义校验规则
    layui.form.verify({
        // 校验两个密码框的值是否相等
        rePwd: function (val) {
            const Pwd = $('.reg-box [name="password"]').val()
            if (Pwd !== val) {
                return '两次输入密码不一致'
            }
        },
        // 校验密码长度
        Pwd: [/^[\S]{6,12}$/, '必须满足6-12位']
    })
    // 点击去注册的链接
    $('#link-reg').on('click', function () {
        // 展示注册盒子
        $('.reg-box').show()
        // 隐藏登录盒子
        $('.login-box').hide()
    })
    // 点击去登录的链接
    $('#link-login').on('click', function () {
        // 展示登录盒子
        $('.login-box').show()
        // 隐藏注册盒子
        $('.reg-box').hide()
    })
    // 为注册表单绑定submit事件
    $('.reg-box form').on('submit',function(e){
        // 阻止默认行为
        e.preventDefault()
        // 发送ajax请求
        $.ajax({
            type:'POST',
            url:'/api/reguser',
            data:{
                username:$('.reg-box [name="username"]').val().trim(),
                password:$('.reg-box [name="password"]').val().trim()
            },
            success:function(res){
                console.log(res);
                if(res.status===0){
                    // 成功
                    layer.msg('注册成功，请登录')
                    $('#link-login').click()
                }else{
                    // 失败
                    layer.msg(res.message)
                }
            }
        })
    })
    // 为登录表单绑定submit事件
    $('.login-box form').on('submit',function(e){
        // 阻止默认行为
        e.preventDefault()
        // 发去ajax请求
        $.ajax({
            type:'POST',
            url:'/api/login',
            data: $(this).serialize(),
            success:function(res){
                console.log(res);
                if(res.status === 0){
                    // 成功
                    layer.msg('登录成功')
                    // 保存到本地
                    localStorage.setItem('token',res.token)
                    // 跳转
                    location.href = 'index.html'
                }else{
                    // 失败
                    layer.msg('登录失败')
                }
            }
        })
    })
})